<template>
	<div id="box">
		<header>
		<ul>
			<li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
			<li>极速专区</li>
			<li @click="xian"><img src="../assets/img/gengduo.png"></li>
		</ul>
		<div class="chu">
			<ol>
			  <router-link to="/shouye">
				<li><img src="../assets/img/chu1.png">返回首页</li>
			  </router-link>
			  <router-link to="/dengluzhanghao">
				<li><img src="../assets/img/chu2.png">用户中心</li>
			</router-link>
			<router-link to="/yigoujilu">
				<li><img src="../assets/img/chu3.png">一购记录</li>
			</router-link>
			</ol>
		</div>	
	</header>
	<section>
		<ul>
			<li><img src="../assets/img/zanwu.png"><p>暂无数据</p></li>
		</ul>
	</section>
	<footer>
		<ul>
		<router-link to="shouye">
			<li><img src="../assets/img/foot1.png"><p>首页</p></li>
		</router-link>
			<router-link to="zuixinjiexiao">
			<li><img src="../assets/img/foot2.png"><p>最新揭晓</p></li>
		</router-link>
		<router-link to="qingdan">
			<li><img src="../assets/img/foot3.png"><p>清单</p></li>
		</router-link>
		<router-link to="faxian">
			<li><img src="../assets/img/foot4.png"><p>发现</p></li>
		</router-link>
		<router-link to="sjdenglu">
			<li><img src="../assets/img/foot5.png"><p>我</p></li>
		</router-link>
		</ul>
	</footer>
	</div>
</template>

<script>
 
export default {
  name: 'box',
 methods:{
 	fanhui(){
 		this.$router.go(-1)
 	},
 	xian(){
 		if($(".chu").css('display')=='none'){
 			$('.chu').show()
 		}else{
 			$(".chu").hide()
 		}
 		
 	}
 }
}
  import".././assets/js/jquery-1.12.4.min.js"
  


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
 @import ".././assets/less/jisuzhuanqu.less";
   @import ".././assets/css/reset.css";
</style>